<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
</head>
<script>
	//警告框
	function alertMsg(msg,type){
		//清空title的css
		$('#roundliId').removeClass('roundli');
		$('#roundliId').removeClass('roundliRed');
		$('#roundliId').removeClass('roundliGreen');
		
		var titleStr = "提示！"
		if (type=="info"){
			$('#roundliId').addClass('roundli');
			titleStr = "提示！"
		}
		else if (type=="warning"){
			$('#roundliId').addClass('roundliRed');
			titleStr = "警告！";
		}
		else if (type=="error"){
			$('#roundliId').addClass('roundliRed');
			titleStr = "错误！"
		}
		else if (type=="success"){
			$('#roundliId').addClass('roundliGreen');
			titleStr = "成功！"
		}else{
			$('#roundliId').addClass('roundli');
		}
		$('#alertMsgTitleSpan').html(titleStr);
		$('#alertMsgBodySpan').html(msg);
		$('#alertMsgMngModal').modal('show');
	}
</script>
<style>
	.roundliRed{
		display: inline-block;
		width:9px;
		height: 9px;
		margin: 1px;
		text-indent: -999px;
		border-radius: 9px;
		margin: 0px;
		background-color: red;
	}
	.roundliGreen{
		display: inline-block;
		width:9px;
		height: 9px;
		margin: 1px;
		text-indent: -999px;
		border-radius: 9px;
		margin: 0px;
		background-color: green;
	}
	
	.myCircleBorder{
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	
</style>
<body>
	<!-- 添加任务弹出层 modal -->  
	<div class="modal center fade" id="alertMsgMngModal" tabindex="-1" role="dialog" aria-labelledby="alertMsgModalLabel" aria-hidden="true">  
		<div class="modal-dialog " style='margin-top:20%;width:20%'>
			<div class="modal-content myCircleBorder">  
				<div class="modal-header myCircleBorder" style="padding-top: 12px;padding-bottom: 12px;">
					<h4 class="modal-title myCircleBorder" id="alertMsgModalLabel">
						<span>
							<li id='roundliId'></li>
							<span id="alertMsgTitleSpan" style="margin-left: 10px;"></span>
						</span>
					</h4>
				</div>
				<div class="modal-body myCircleBorder" style="padding-top: 5px;padding-bottom: 5px;">
					<h5 id="alertMsgModalBody myCircleBorder">
						<span  id="alertMsgBodySpan">
						</span>
					</h5>
				</div>
			</div>  
		</div>  
	</div>
</body>
</html>